// 公共js功能
// 配置axios基地址
axios.defaults.baseURL = 'https://hmajax.itheima.net'

// 抽取轻提示函数 - 登录注册等页面都可以使用
function showToast (msg){
    // 找弹窗标签 
    const myToast = document.querySelector('.my-toast')
    // 创建弹窗对象
    const Toast = new bootstrap.Toast(myToast)
    document.querySelector('.toast-body').innerHTML = msg

    Toast.show()
}

// showToast('登陆成功')

// 抽取判断是否有token的函数，供各个有敏感信息的页面使用→index和student页面
// 1.localstorage里面获取token，判断，如果没有token 提示请登录 →跳转到login
function checkLogin (){
    const token = localStorage.getItem('token')
    console.log(token)      //就是得到字符串，没有null
    // 没有token得到的内容会返回null
    if(token === null){
        showToast('请先登录')
        setTimeout(() => {
            location.href = 'login.html'
        }, 1500)
    }
}


// 抽取函数渲染用户名→首页和学生页显示用户名
// 登录的时候保存了用户名在localstorage
// 取localstorage的用户名，找标签写入
function renderUsername (){
    const username = localStorage.getItem('username')
    document.querySelector('.username').innerHTML = username
}


// 抽取退出登录的函数
// 点击→跳转到login+删除localstorage里面的用户名和token
function logout(){
    document.querySelector('#logout').addEventListener('click',function(){
        location.href = 'login.html'
        localStorage.removeItem('username')
        localStorage.removeItem('token')
    })
}


// 添加请求拦截器
axios.interceptors.request.use(function (config) {
    // 在发送请求之前做些什么,，比如：统一设置token
    // 获取缓存中token，设置请求头参数
    const token = localStorage.getItem('token')
    if(token){
        //Authorization是接口文档中设置的header参数，token是参数对应的值
        config.headers.Authorization = token     
    }
    return config;
  }, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
  });

// 添加响应拦截器
axios.interceptors.response.use(function (response) {
    // 对响应数据做点什么
    // 2xx范围内的状态码都会触发该函数。
    // 对响应数据做点什么，比如：数据剥离
    return response.data;
  }, function (error) {
    // 超出2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么：比如统一处理token失效
    // 设置相应拦截器就可以将index.js中的trycatch注释掉
    if(error.response.status == 401){
        showToast('登陆失败，请重新登录')
        localStorage.removeItem('username')
        localStorage.removeItem('token')
        setTimeout(() => {
            location.href = 'login.html'
        }, 1500)
    }
    return Promise.reject(error);
  });


